<template>
    <div class="table-layout-container">
        <div class="form-wrap">
            <slot name="form"></slot>
        </div>
        <div class="table-wrap">
            <slot name="table"></slot>
        </div>
        <div class="pagination-wrap">
            <slot name="pagination"></slot>
        </div>
        <slot></slot>
    </div>
</template>
<script>
export default {
    data() {
        return {};
    }
};
</script>
<style lang="scss">
.table-layout-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    .table-wrap {
        width: 100%;
        height: calc(100% - 62px - 52px);
    }
    .btn_container {
        text-align: right;
    }
}
</style>